import axios from 'axios'

import {
  Message,
  MessageBox,
  Loading
} from 'element-ui'
import store from '../store'
import {
  getToken
} from './auth'
// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_API_URL, // api的base_url
  timeout: 15000 // 请求超时时间
})
let loading

// 当前正在请求的数量
let needLoadingRequestCount = 0

// 显示loading
function showLoading (target) {
  // 后面这个判断很重要，因为关闭时加了抖动，此时loading对象可能还存在，
  // 但needLoadingRequestCount已经变成0.避免这种情况下会重新创建个loading
  if (needLoadingRequestCount === 0 && !loading) {
    loading = Loading.service({
      lock: true,
      text: '拼命加载中',
      background: 'rgba(0, 0, 0, 0.1)',
      target: target || 'body',
      spinner: 'el-icon-loading'
    })
  }
  needLoadingRequestCount++
}
// 隐藏loading
function hideLoading () {
  needLoadingRequestCount--
  needLoadingRequestCount = Math.max(needLoadingRequestCount, 0) // 做个保护
  if (needLoadingRequestCount === 0) {
    // 关闭loading
    toHideLoading()
  }
}

// 防抖：将 300ms 间隔内的关闭 loading 便合并为一次。防止连续请求时， loading闪烁的问题。
var toHideLoading = _.debounce(() => {
  loading.close()
  loading = null
}, 300)
// request拦截器
service.interceptors.request.use(
  (config) => {
    console.log(config)
    // 判断当前请求是否设置了不显示Loading
    if (config.headers.showLoading !== false) {
      showLoading(config.headers.loadingTarget)
    }
    config.headers.uuid = '123' // 让每个请求携带自定义token 请根据实际情况自行修改
    if (getToken()) {
      config.headers.Authorization = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
    }
    if (config.method === 'post' && config.data && config.data.qs) {
      const pms = new FormData()
      for (const a in config.data) {
        pms.append(a, config.data[a]) // id直接从data中一个个拿
      }
      config.data = pms
    }
    return config
  },
  (error) => {
    // 判断当前请求是否设置了不显示Loading
    if (config.headers.showLoading !== false) {
      hideLoading()
    }
    // Do something with request error
    console.log(error) // for debug
    Promise.reject(error)
  }
)

// respone拦截器
service.interceptors.response.use(
  (response) => {
    // 判断当前请求是否设置了不显示Loading（不显示自然无需隐藏）

    if (response.config.headers.showLoading !== false) {
      hideLoading()
    }
    /**
     * code为非200是抛错 可结合自己业务进行修改
     */
    // console.log('CCCCCCCCCCCCCCCC', response)
    const res = response.data
    if (res.code !== 200 && res.code !== 401 && response.config.url !== "/omsOrder/export") {
      Message({
        message: res.message,
        type: 'error',
        duration: 3 * 1000
      })
      // 401:未登录;
      // if (res.code === 401) {
      //   MessageBox.alert("你已被登出，请重新登录", "提示", {
      //     confirmButtonText: "确定",
      //     callback: (action) => {
      //      router.push('/')

      //     },
      //   });
      // }
      // return Promise.reject("error");
      return response.data
    } else {
      return response.data
    }
  },
  (error) => {
    console.log(error)
    hideLoading()
    const data = error.response.data
    Message({
      message: '服务器异常，请联系客服',
      type: 'error',
      duration: 3 * 1000
    })
    console.log(error.response) // for debug
    return Promise.reject(error)
  }
)
const axiosBlob = (url, data, otherConfigs = {}) => {
  otherConfigs.responseType = 'blob'
  otherConfigs.timeout = 5000
  return new Promise((resolve, reject) => {
    service({
      method: 'post',
      url,
      data: data,
      ...otherConfigs
    }).then(resolve, reject)
  })
}

export { axiosBlob }
export default service
